<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
	</head>
	<body>
		<!--
			编写设置和获取颜色的插件
			1 设置匹配元素的颜色
			2获取匹配元素(元素集合中的第一个)的颜色
			将插件按规范名为
		-->
		<script>
			/*此处将$作为匿名函数的形参*/
			;(function($){
				$.fn.extend({
					"color":function(value){
						if(value==undefined){
							return this.css("color");
							
						}else{
							
							return this.css("color",value);
						}
					}
					"border":function(value){
					}
					"background":function(value){
						
					}
				})
			})(jQuery)//这里就将jQuery作为实参传递给匿名函数
			$(function(){
				//查看第一个div的color的样式值
				alert($(".a").color());
			})
		</script>
		<div class="a">red</div>
		<!--<div style="color: blue;">bule</div>
		<div style="color: green;">green</div>
		<div style="color: red;">red</div>-->
	</body>
</html>
